<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>融媒体作品开发与制作</title>
    <link rel="stylesheet" href="resource\css\index.css">
</head>

<body>
    <h1>融媒体作品开发与制作</h1>
    <h2>教学内容演示</h2>
    <div class="flex-container">
        <div class="card">
            <div class="layer"></div>
            <p id="html"><a href="a-woman-and-her-name.html">HTML元素练习</a></p>
        </div>
        <div class="card">
            <div class="layer"></div>
            <p id="cssfont"><a href="a-woman-and-her-name-2.html">文字样式设置</a></p>
        </div>
        <div class="card">
            <div class="layer"></div>
            <p id="cssbg"><a href="a-woman-and-her-name-3.html">CSS背景及盒模型</a></p>
        </div>
        <div class="card">
            <div class="layer"></div>
            <p id="cssflex"><a href="display-position-flex.html">定位及弹性盒</a></p>
        </div>
        <div class="card">
            <div class="layer"></div>
            <p id="cssani"><a href="css-trans.html">变形、过渡及动画</a></p>
        </div>
        <div class="card">
            <div class="layer"></div>
            <p id="js-basic"><a href="js-basic.html">JS核心语法练习</a></p>
        </div>
    </div>
    <h2>2019级卓越新闻班课程作业展示</h2>
    <div class="flex-container">
        <div class="card">
            <div class="layer"></div>
            <p><a href="http://lxdboom.gitee.io/zuoye">刘绪政</a></p>
        </div>
        <div class="card">
            <div class="layer"></div>
            <p><a href="http://zhang-ying-ying-123.gitee.io/">张盈盈</a></p>
        </div>
        <div class="card">
            <div class="layer"></div>
            <p><a>杨可</a></p>
        </div>
        <div class="card">
            <div class="layer"></div>
            <p><a>胡美红</a></p>
        </div>
    </div>
    <footer>
        <p>yangjh@yeah.net</p>
    </footer>
</body>

</html>
